<template>
  <div>
    <h1>绑定HTMLclass</h1>
  </div>
</template>

<script lang="ts" >
export default {
  name: '绑定HTMLclass',
  props: {
  
  },
  data() {//数据

    return {//返回值
  
    };
  },
  methods: {//方法
  
  }
}
</script>
<script lang="ts" setup >
import { ref,reactive,compile } from 'vue';
const isActive = ref(false);

</script>
<!-- 样式 -->
<style>
  .active {
  color: darkorange;
}

.text-danger {
  background-color: red;
}

.text-success {
  background-color: green;
}

.active-new {
  font-size: 22px;
}
</style>